<template>
    <div class="footer">
        <van-tabbar v-model="active"
  active-color="#32c9ff"
  inactive-color="#fff" route>
            <van-tabbar-item name="home" replace to="index" icon="home-o">清单</van-tabbar-item>
            <van-tabbar-item name="complete" replace to="complete" icon="edit">完成</van-tabbar-item>
        </van-tabbar>
    </div>
</template>

<script>
export default {
  data() {
    return {
      active: 'home'
    }
  }
}
</script>

<style lang="sass" scoped>
@import '../assets/style/common.scss'

.van-tabbar
    height: px2rem(96px)
    background: #32c9ff

    .van-tabbar-item
        cursor: pointer

        .van-tabbar-item__icon
            font-size: px2rem(64px)
</style>